{if $params.action=="index"}

	<link rel="stylesheet" href="/ui/plupload/js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
	<script type="text/javascript" src="/ui/plupload/js/plupload.full.js"></script>
	<script type="text/javascript" src="/ui/plupload/js/jquery.ui.plupload/jquery.ui.plupload.js"></script>
	<script type="text/javascript" src="/ui/plupload/js/i18n/ru.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){
			
			var FormsHolder = $('#LoadMediaForm');
			
			FormsHolder.find('a[rel=localfile]').click(function(){
				FormsHolder.find(".remotefile").hide();
				FormsHolder.find(".localfile").plupload({
					runtimes : 'html5,flash,silverlight,gears,html4',
					url : '/control/media/add/',
					max_file_size : '128mb',
					max_file_count: 20,
					chunk_size : '1mb',
					unique_names : true,
					multiple_queues : true,
					rename: true,
					//sortable: true,
					filters : [
						{ title : "Image files", extensions : "jpg,gif,png" },
						{ title : "Zip files", extensions : "zip,avi,gz" }
					],
					flash_swf_url : '/ui/plupload/js/plupload.flash.swf',
					silverlight_xap_url : '/ui/plupload/js/plupload.silverlight.xap'
				}).toggle();
			});
			
			FormsHolder.find('a[rel=remotefile]').click(function(){
				FormsHolder.find(".localfile").hide();
				FormsHolder.find(".remotefile").toggle();
			});
			
		});
	</script>
	
	<div id="LoadMediaForm">
	
		<p>
			<a rel="localfile" class="ui-button ui-button-text-icons ui-state-default ui-corner-all"><span class="ui-icon ui-icon-plusthick"></span><span class="ui-button-text">Загрузить с компьютера</span></a>
			<a rel="remotefile" class="ui-button ui-button-text-icons ui-state-default ui-corner-all"><span class="ui-icon ui-icon-plusthick"></span><span class="ui-button-text">Загрузить из интернета</span></a>
		</p>
	
		<div class="localfile hidden ui-widget-content ui-corner-all"></div>
		<div class="remotefile hidden ui-widget-content ui-corner-all">{$RemoteForm}</div>
		
	</div>
	
	<div class="clear"></div>
	
	<div id="MediaTable">
		{$MediaDataTable}
	</div>

{/if}


{if $params.action=="upload"}

	<script src="/ui/blueimp/js/jquery.fileupload.js"></script>
	<script>
	$(function () {
		$('#fileupload').phormMediaUploader({ type:'image' });
	    /*$('#fileupload').appendTo($('<div/>').insertAfter($('#fileupload'))).fileupload({
	        dataType: 'json',
	        url: '/control/media/upload/type/image/',
	        submit: function() {
	        	var loading = $('<div/>').css('width',$(this).width()).css('height',$(this).height()).addClass('ui-phorm-progress');
	        	loading.insertAfter($(this).hide());
	        },
	        done: function (e, data) {
	        	var input = $(this);
	            $.each(data.result, function (i, item) {
	                if(item.errors) {
	                	var message = '';
	                	$.each(item.errors,function(rowid,rows){
	                		$.each(rows,function(errorid,errorstring){
	                			message += errorstring + "\n";
	                		});
	                	});
	                	input.show();
	                	input.next('.ui-phorm-progress').remove();
	                	input.parent('div').after($('<div class="ui-phorm-warnings ui-state-error ui-corner-all"><ul><li>'+message+'</li><ul></div>'));
	                	phorm_ui_hideWarnings();
	                } else {
	                	// Удалить файловый инпут и поставить на его место хидден
	                	// В хидден положить значение mediaid
	                	// Нарисовать иконку или картинку размером 32х32 (или заданным в опциях), пришедшую в ответе
	                	// В ответе нужен mediaid и imageurl - адрес картинки
	                	//alert(item.name);
	                	input.next('.ui-phorm-progress').remove();
	                	var img = $('<img src="/uploads/media/'+item.filepath+'/'+item.mediaid+'_48x48_center.'+item.fileext+'" width="48" height="48" />').css('cursor','pointer').click(function(){
	                		if(item.fileext=='png' || item.fileext=='gif' || item.fileext=='jpg' || item.fileext=='jpeg') {
	                			$('<img src="/uploads/media/'+item.filepath+'/'+item.mediaid+'.'+item.fileext+'" />').dialog({ title:'Просмотр изображения' });
	                		} else {
	                			location.href = '/uploads/media/'+item.filepath+'/'+item.mediaid+'.'+item.fileext;
	                		}
	                	});
	                	var hidden = $('<input type="hidden" />').attr('name',input.attr('name')).val(item.mediaid);
	        			hidden.insertAfter(input);
	        			img.insertAfter(hidden);
	        			input.remove();
	                }
	            });
	        }
	    });*/
	});
	</script>
	<input id="fileupload" type="file" name="megafiles" />

{/if}

{if $params.action=="upload00"}

	{$Form}

{/if}
